<script setup lang="ts">
import {loading as useLoading,lang as useLang} from "@/store"
import {primaryColorFade_unTransparent} from "@/theme/config"


const lang=useLang()
const loading=useLoading()
const tableHeaderBg=primaryColorFade_unTransparent(6)

</script>

<template>
<a-config-provider :locale="lang.antdLang">
 <router-view></router-view>
</a-config-provider>

<div class="globalLoading" v-show="loading.isLoading">
  <a-spin size="large" :tip="loading.tipText" />
</div>

<a-back-top />
</template>

<style lang='less' scoped>
  .globalLoading{
    position: fixed;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(248, 247, 247,.5);
    z-index: 9999999999999999999999999999999999;
   
  }
  .globalLoading  :deep(.ant-spin-spinning) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }

</style>


<style lang="less">
.ant-table-thead th{
	//  text-align: center;
	//  background-color: v-bind(tableHeaderBg) !important;
}
</style>

